<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#findById").click(function(){
		if($(":input[name=memberId]").val()==""){
			alert("아이디를 입력해 주세요");
			return false;
		}		
		$.ajax({
			type:"get",
			url:"findById.do",
			data:"id="+$("#memberId").val(),
			dataType:"json",
			success:function(data){
					$("#resultView").html("검색결과 아이디: "+data.id+" 이름: "+data.name+" 주소: "+data.address);
								
			}
		});
		$("#resultView").html("검색 실패!! 정보 없음...");
	});
});
</script>
<form name="findForm">
아이디<input type="text" id="memberId"><br>
<input type="button" id="findById" value="검색"><br>
<span id=resultView></span>
</form>